<template>
  <div @click="bodyClick($event)" class="home">
    <div @click="auto_bookIng" v-if="is_auto_bookIng" class="auto_bookIng_00"></div>
    <div class="home_Left">
      <div v-if="is_no_file" class="noFile">
        <div class="upFileBox">
          <div class="upFileBoxCon">
            <img src="@/assets/img/home/upFile.png" alt="">
            <span>点击批量导入账号文件</span>
          </div>
          <input @change="getFile($event)" type="file">
        </div>
      </div>

      <ul v-else class="itemUL">
        <li v-for="(i_t_It,i_t_Idx) in importTokenArr"
        :key="'i_t_It_0'+i_t_Idx"
        @click.stop="itemULFn(i_t_Idx)"
        :class="{'i_t_ItAc':i_t_Idx==token_Sy}">
          <div class="box_cir">
            {{i_t_Idx+1}}
          </div>
          <div class="txt">
            {{txtSlice(i_t_It.val)}}
          </div>
        </li>
      </ul>

    </div>
    <div class="home_Right"
    :style="{'width':(winWid-200)+'px'}">
        <ImportBox ref="importBox" v-show="import_step!==0" :pos="'right'" :layer="is_auto_bookIng" class="im_R"></ImportBox>
        <div v-if="import_step<=1" class="home_no_dataBox"
        :style="{'width':(winWid-250)+'px','height':(winHei-115)+'px'}">
          <div class="home_no_data_left">

            <ul>

              <li>
                <div class="dot">
                  <div v-if="import_step==0" class="dot_01">
                    1
                  </div>
                  <div v-else class="dot_02">
                    <img src="@/assets/img/gou.png" alt="">
                  </div>
                </div>
                <dl class="txt">
                  <dt>导入账号</dt>
                  <dd>
                    1.先导入账号
                  </dd>
                </dl>
              </li>

              <li>
                <div class="dot">
                  <div v-if="import_step<1" class="dot_00">
                    2
                  </div>
                  <div v-else-if="import_step==1" class="dot_01"
                  :class="{'line_00':import_step==1}">
                    2
                  </div>
                  <div v-else class="dot_02"
                  :class="{'line_00':import_step>=2}">
                    <img src="@/assets/img/gou.png" alt="">
                  </div>
                </div>
                <dl class="txt">
                  <dt>选择账号</dt>
                  <dd>
                    2.选择账号
                  </dd>
                </dl>
              </li>

              <li>
                <div class="dot">
                  <div v-if="import_step<2" class="dot_00">
                    3
                  </div>
                  <div v-else-if="import_step==2" class="dot_01"
                  :class="{'line_00':import_step==2}">
                    3
                  </div>
                  <div v-else class="dot_02"
                  :class="{'line_00':import_step>=3}">
                    <img src="@/assets/img/gou.png" alt="">
                  </div>
                </div>
                <dl class="txt">
                  <dt>交易</dt>
                  <dd>
                    3.选择商品开始交易
                  </dd>
                </dl>
              </li>

            </ul>

          </div>
          <div class="home_no_data_right">
            <div class="noData">
              <div class="noDataCon">
                <img src="@/assets/img/home/noData.png" alt="">
                <span>
                  请先导入数据再操作!
                </span>
              </div>
            </div>
          </div>
        </div>
        <div v-else class="h_item_con"
        :style="{'width':(winWid-250)+'px','height':(winHei-115)+'px'}">

           <div class="h_item_con_top">
             <div class="txt">
               当前token已下单数：{{cur_down_item_num}}
             </div>
           </div>
           <div class="h_item_con_bot">

              <div class="h_item_con_bot_left">

                <div class="h_item_con_b_box">
                  <dl class="tit">
                    <dt>
                      <span>
                        代付信息
                      </span>
                    </dt>
                    <dd>
                      <span>
                        {{is_dai_fu}}
                      </span>
                      <div :class="{'no_dot':is_dai_fu=='代付连接中'}" class="dot">
                        <div class="dotLi"></div>
                        <div class="dotLi"></div>
                        <div class="dotLi"></div>
                      </div>
                    </dd>
                  </dl>
                  <ul class="ins_con">


                    <li>
                      <div class="li_tit">
                        宝贝类型
                      </div>
                      <div class="li_Con">
                        <div class="gou">
                          <div class="gouLi">
                            <img src="@/assets/img/home/gou.png" alt="">
                            <span>退货包邮</span>
                          </div>
                          <div class="gouLi">
                            <img src="@/assets/img/home/gou.png" alt="">
                            <span>刷新黑名单</span>
                          </div>
                        </div>
                      </div>
                    </li>

                    <li>
                      <div class="li_tit">
                        浏览宝贝
                      </div>
                      <div class="li_Con">
                        <div class="inpBox">
                          <div class="inpLi">
                            <!--https://www.runoob.com/tags/att-input-type.html-->
                            <input v-model="browse_pro_min_time" type="number"><span>秒</span>
                          </div>
                          <div class="inptxt">
                            ~
                          </div>
                          <div class="inpLi">
                            <input v-model="browse_pro_max_time" type="number"><span>秒</span>
                          </div>
                        </div>
                      </div>
                    </li>

                    <li>
                      <div class="li_tit">
                        浏览店铺
                      </div>
                      <div class="li_Con">
                        <div class="inpBox">
                          <div class="inpLi">
                            <span class="mr_00">浏览</span>
                            <input v-model="browse_shop_min_time" type="number"><span class="mr_02">秒</span>
                          </div>
                          <!-- <div class="inptxt">
                            ~
                          </div> -->
                          <div class="inpLi">
                            <input v-model="browse_shop_max_time" type="number"><span>秒</span>
                          </div>
                        </div>
                      </div>

                      <div class="li_Con">
                        <div class="inpBox">
                          <div class="inpLi">
                            <span class="mr_00">货比</span>
                            <input v-model="goodsNum" type="number"><span>家</span>
                          </div>
                          <div class="inptxt">
                            浏览
                          </div>
                          <div class="inpLi">
                            <input v-model="goodsNum_min_time" class="mr_01" type="number">
                            <input v-model="goodsNum_max_time" type="number"><span>秒</span>
                          </div>
                        </div>
                      </div>

                      <div class="li_Con">
                        <div class="inpBox">
                          <div class="inpLi">
                            <span class="mr_00">销量</span>
                            <input v-model="sales_volume" type="number"><span>单以下不下单</span>
                          </div>
                        </div>
                      </div>

                      <div class="li_Con">
                        <div class="inpBox">
                          <div class="inpLi">
                            <span class="mr_00">价格区间</span>
                            <input v-model="min_price" class="mr_01" type="number">
                            <input v-model="max_price" type="number">
                          </div>
                        </div>
                      </div>

                    </li>



                  </ul>
                </div>

                <div class="h_item_con_b_box">
                  <dl class="tit">
                    <dt>
                      <span>
                        下单方案
                      </span>
                    </dt>
                  </dl>
                  <ul class="ins_con">
                    <li>
                      <div class="li_Con">
                        <div class="sel_box">
                          <span>
                            下单方式
                          </span>
                          <div @click.stop="" class="selectBox">
                            <div @click="setVis('is_selectBox_bot',true)" class="selectBox_topBg"
                            :class="{'s_box_top_o':is_selectBox_bot}">
                              <span>
                                {{selectBox_bot_arr[s_B_bot_idx]}}
                              </span>
                              <img src="@/assets/img/itemList/arrow_down.png" alt="">
                            </div>
                            <div v-show="is_selectBox_bot" class="selectBox_botBg">
                              <ul class="selectBox_bot">
                                <li v-for="(selectBox_bot_It,selectBox_bot_Idx) in selectBox_bot_arr"
                                :key="'selectBox_bot_It_0'+selectBox_bot_Idx"
                                :class="{'s_B_bot_Ac':s_B_bot_idx==selectBox_bot_Idx}"
                                @click="set_s_B_bot(selectBox_bot_Idx)">
                                  <span>
                                    {{selectBox_bot_It}}
                                  </span>
                                </li>
                              </ul>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="li_Con">
                        <div class="radioBox">
                          <span class="mr_00">
                            收藏选择
                          </span>
                          <div class="radioMain">
                            <input value="店铺" v-model="radio_00" type="radio" name="sc_sel_00" id="invest_target_r1">
                            <label for="invest_target_r1">
                              店铺
                            </label>
                          </div>
                          <div class="radioMain">
                            <input value="商品" v-model="radio_00" type="radio" name="sc_sel_00" id="invest_target_r2">
                            <label for="invest_target_r2">
                              商品
                            </label>
                          </div>

                        </div>
                      </div>
                      <div class="li_Con">
                        <div class="radioBox">
                          <span class="mr_00">
                            sku选择
                          </span>
                          <div class="radioMain">
                            <input value="最低sku" v-model="radio_01" type="radio" name="sc_sel_01" id="invest_target_r3">
                            <label for="invest_target_r3">
                              最低sku
                            </label>
                          </div>
                          <div class="radioMain">
                            <input value="随机sku" v-model="radio_01" type="radio" name="sc_sel_01" id="invest_target_r4">
                            <label for="invest_target_r4">
                              随机sku
                            </label>
                          </div>

                        </div>
                      </div>
                      <div class="li_Con">
                        <div class="gou">
                          <div class="gouLi">
                            <img src="@/assets/img/home/gou.png" alt="">
                            <span>随机修改名称</span>
                          </div>
                        </div>
                      </div>
                    </li>
                  </ul>
                </div>

                <div class="h_item_con_b_box">
                  <dl class="tit">
                    <dt>
                      <span>
                        控制台
                      </span>
                    </dt>
                  </dl>
                  <ul class="ins_con">
                    <li>
                      <div class="li_Con">
                        <div class="gou">
                          <div class="gouLi">
                            <img src="@/assets/img/home/gou.png" alt="">
                            <span>启用云代理</span>
                          </div>
                        </div>
                      </div>
                      <div class="li_Con">
                        <div class="inpBox">
                          <div class="inpLi">
                            <span class="mr_00">下单数量</span>
                            <input v-model="downNum" class="mr_01" type="number">
                            <span class="mr_00" style="font-size: 12px;">建议两单</span>
                          </div>
                        </div>
                      </div>
                      <div class="li_Con">
                        <div @click="orderBtn" class="orderBtn">
                          开始下单
                        </div>
                      </div>
                    </li>
                  </ul>
                </div>
                <div @click="auto_bookIng" v-if="is_auto_bookIng" class="auto_bookIng"></div>
              </div>
              <div class="h_item_con_bot_right">
                <div class="title">
                  运行日志
                </div>
                <div ref="h_item_con" class="con">
                  <div class="conMain"
                  :style="{'height':conMain_sc_hei}">
                    <ul>
                      <li
                      v-for="(log_data_It,log_data_Idx) in log_data_arr"
                      :key="'log_data_It_0'+log_data_Idx">
                        <span>
                          {{log_data_It}}
                        </span>
                      </li>
                    </ul>
                  </div>
                </div>
              </div>
           </div>
        </div>
    </div>

    <div @click.stop="closeVerImg" v-if="is_verCode" class="verCode">
      <slide-verify
          ref="slideblock"
          @again="onAgain"
          @fulfilled="onFulfilled"
          @success="onSuccess"
          @fail="onFail"
          @refresh="onRefresh"
          :accuracy="accuracy"
          :slider-text="text"
          :imgs="verImg"
      ></slide-verify>
    </div>

  </div>
</template>

<script>
//Vue.set(obj,key,val);
import Vue from 'vue';
import SlideVerify from '@/components/slide-verify.vue';
import ImportBox from "@/components/importBox.vue";
export default {
  name: 'Home',
  data(){
    return{
      is_no_file:true,
      token_Sy:null,
      importTokenArr:[],
      import_step:0,
      selectBox_bot_arr:[
        "随机选择(开团/拼团)",
        "开团",
        "拼团"
      ],
      s_B_bot_idx:0,
      is_selectBox_bot:false,
      radio_00:"商品",
      radio_01:"最低sku",
      //滑块验证
      msg: '',
      text: '向右滑',
      // 精确度小，可允许的误差范围小；为1时，则表示滑块要与凹槽完全重叠，才能验证成功。默认值为5
      accuracy: 1,
      is_verCode:false,
      verImg:[
        require("@/assets/img/verImg/img1.jpg"),
        require("@/assets/img/verImg/img2.jpg"),
        require("@/assets/img/verImg/img3.jpg"),
        require("@/assets/img/verImg/img4.jpg"),
        require("@/assets/img/verImg/img5.jpg"),
        require("@/assets/img/verImg/img6.jpg"),
        require("@/assets/img/verImg/img7.jpg"),
        require("@/assets/img/verImg/img8.jpg"),
        require("@/assets/img/verImg/img9.jpg"),
        require("@/assets/img/verImg/img10.jpg")
      ],
      //价格区间 显示商品接口
      min_price:'15',
      max_price:'35',
      //浏览宝贝
      browse_pro_min_time:'1',
      browse_pro_max_time:'5',
      //浏览店铺
      browse_shop_min_time:'1',
      browse_shop_max_time:'5',
      //货币几家
      goodsNum:'3',
      goodsNum_min_time:'1',
      goodsNum_max_time:'5',
      //销量
      sales_volume:'99',
      //下单数量
      downNum:2,
      //当前下单数量
      cur_down_item_num:null,
      //运行日志
      log_data_arr:[],
      log_step:0,
      log_str_arr:[
        {
          str:'账号正常,开始任务',
          time:null
        },
        {
          str:'模拟搜索翻页',
          time:2
        },
        {
          str:'浏览宝贝',
          time:2
        },
        {
          str:'浏览店铺',
          time:2
        },
        {
          str:'选中商品',
          time:2
        },
        {
          str:'收藏宝贝',
          time:2
        },
        {
          str:'随机修改昵称',
          time:2
        },
        {
          str:'正在选宝sku,拼单',
          time:2
        },
        {
          str:'正在通信付款',
          time:2
        },
        {
          str:'通信正常,正常付款',
          time:2
        },
        { //付款成功
          str:'',
          time:2
        },
        {
          str:'完成订单',
          time:2
        }
      ],
      show_product_obj:null,
      conMain_sc_hei:'auto',
      is_auto_bookIng:false,
      is_dai_fu:"代付连接中"
    }
  },
  components: {
    ImportBox,
    SlideVerify
  },
  computed:{
    txtSlice(val){
      return val=>{
        return val.slice(0,19)+"...";
      }
    },
    cur_token(){
      return this.importTokenArr[this.token_Sy].val;
    }
  },
  activated() {
    let that=this;
    // that.show_product();
    console.log("创建订单:",JSON.parse(this.$sec.decrypt(
         "7dD\/O5jl+erEosBwM1cmfdvSz36SGkkIi4MTycATB4faFaL1DX+S6Vu4SDivYwNU0FjtqWzJvExM8knB+ExhMI9vZV42tFyH5zGS\/Fa5+4\/N006VxAnx9Otv+ztdcthF",
         'abcd6666efg89012'
       )
      )
    );
    window.onresize=()=>{
      console.log("onresize");
      if(that.conMain_sc_hei!=='auto'){
        that.conMain_sc_hei=(this.$refs.h_item_con.offsetHeight-40)+'px';
      }
    }
  },
  // mounted() {
  //   let that=this;
  //   //console.log("中秋快乐",this.$Base64.encode(that.rc4Fn("123456","abc")));
  // },
  methods:{

        async xunhuan() {
          // 循环里setTimeout的使用
          // https://www.cnblogs.com/diligenceday/p/14141459.html
          // https://blog.csdn.net/qq_45152044/article/details/121909678
          // https://www.jb51.net/article/211414.htm
           let that=this;
            for(var i=0; i<that.log_str_arr.length; i++) {
                await (function(){
                    return new Promise(function(res, rej){
                        setTimeout(function(){
                            console.log("时间:"+that.log_str_arr[i].time+"秒");
                            console.log("res:"+that.log_str_arr[i].str);
                            that.log_Push_Str(that.log_str_arr[i].str);
                            if(i==10){
                              that.creaorder();
                              console.log("that.log_str_arr[i].time"+"秒");
                              console.log("fjdsadlkfjajdaiwan");
                            }else if(i==0){
                              console.log("show_product");
                              //that.show_product();
                            }
                            res();
                        },that.log_str_arr[i].time*1000);
                    })
                }());
            }
        },

        // 输出日志
        log_info(){
          let that=this;
          //that.show_product();
          if(that.log_step<that.downNum){
            that.log_step++;
            // 浏览宝贝时间
            let browse_pro_time=that.getRandomIntInclusive(that.browse_pro_min_time,that.browse_pro_max_time);
            // 浏览店铺时间
            let browse_shop_time=that.getRandomIntInclusive(that.browse_shop_min_time,that.browse_shop_max_time);
            // 货币几家时间
            let goodsNum_time=that.getRandomIntInclusive(that.goodsNum_min_time,that.goodsNum_max_time);

            console.log(
              'browse_pro_time:'+browse_pro_time,
              'browse_shop_time:'+browse_shop_time,
              'goodsNum_time:'+goodsNum_time
            );
            that.log_str_arr[2].time=browse_pro_time;
            that.log_str_arr[3].time=browse_shop_time;
            that.log_str_arr[4].time=goodsNum_time;
            that.log_str_arr[10].str=`付款成功
            商品名:${that.show_product_obj.shopname},
            商品价格:${that.show_product_obj.price},
            手续费:${Number(that.show_product_obj.price)*0.05},
            手续费率:5%`;

            that.xunhuan()
            .then(res=>{
              // 结束内层循环
              console.log("log_info_res:",res);
              that.log_info();
            });

          }else{
            setTimeout(()=>{
              that.conMain_sc_hei=(this.$refs.h_item_con.offsetHeight-40)+'px';
              that.is_auto_bookIng=false;
            },1500);
          }

        },
        auto_bookIng(){
          let that=this;
          that.$bus.$emit("toastEvent","自动下单中，禁止其他操作",0);
        },
        log_Push_Str(str){
          let that=this;
          let cur_token=that.importTokenArr[that.token_Sy].val;
          that.log_data_arr.push(
            '第'+that.log_step+'次下单['+cur_token+']'+str
          );
        },
        // 验证token
        ver_token(){
          let that=this;
          that.conMain_sc_hei='auto';
          this.$request.post(
               `/api/order/is_token`,
               {
                token:that.importTokenArr[that.token_Sy].val
               },
               {

               }
            ).then((res)=>{
                console.log("验证token请求成功：",res);
                if(res.data.code==1){
                  that.import_step=2;
                  that.importTokenArr[that.token_Sy].is_yz=true;
                  that.cur_down_item_num=res.data.data.count;

                  // that.min_price='';
                  // that.max_price='';
                  // that.browse_pro_min_time='';
                  // that.browse_pro_max_time='';
                  // that.browse_shop_min_time='';
                  // that.browse_shop_max_time='';
                  // that.goodsNum='';
                  // that.goodsNum_min_time='';
                  // that.goodsNum_max_time='';
                  // that.sales_volume='';
                  // that.downNum='';
                  that.log_data_arr=[];
                  that.log_step=0;

                  setTimeout(()=>{
                    that.is_dai_fu="代付建立完成";
                  },2000);

                }else{
                  this.$bus.$emit("toastEvent",res.data.msg,res.data.code);
                }
            })
            .catch((err)=>{
              console.log("验证token请求失败：",err);
              this.$bus.$emit("toastEvent",res.data.msg,0);
            });
        },
        // 得随机数
        getRandomIntInclusive(min, max){
          min = Math.ceil(min);
          max = Math.floor(max);
          return Math.floor(Math.random() * (max - min + 1)) + min; //含最大值，含最小值
        },
        // 开始下单按钮
        orderBtn(){
          let that=this;
          if(
          that.min_price==''
          ||that.max_price==''
          ||that.browse_pro_min_time==''
          ||that.browse_pro_max_time==''
          ||that.browse_shop_min_time==''
          ||that.browse_shop_max_time==''
          ||that.goodsNum==''
          ||that.goodsNum_min_time==''
          ||that.goodsNum_max_time==''
          ||that.sales_volume==''
          ||that.downNum==''
          ){
              that.$bus.$emit("toastEvent","请把信息填写完整!",0);
          }else{
              console.log("信息已填写完整!");
              that.show_product();
              that.log_step=0;
              that.log_data_arr=[];
              console.log("that.log_data_arr:",that.log_data_arr);
          }
        },
        // 创建订单
        creaorder(){
          let that=this;
          this.$request.post(
               `/api/order/creaorder`,
               {
                token:that.importTokenArr[that.token_Sy].val,
                spid:that.show_product_obj.id
               },
               {

               }
            ).then((res)=>{
                console.log("创建订单请求成功：",res);

                if(res.data.code==1){
                  that.log_str_arr[11].str='完成订单';
                }else{
                  //that.log_str_arr[11].str=res.data.msg;
                  that.log_str_arr[11].str='下单失败';
                }

                this.$bus.$emit("u_infoEvent");

            })
            .catch((err)=>{
              console.log("创建订单请求失败：",err);
            });
        },
        // 显示商品
        show_product(){
          let that=this;
           this.$request.get(
             "/api/order/index",
             {
               min:that.min_price,
               max:that.max_price
             },
             {

             }
           ).then((res)=>{
            	console.log("显示商品请求成功：",res);
             if(res.data.code==1){
                that.show_product_obj=res.data.data;
            	  console.log("show_product_obj：",that.show_product_obj);
                that.conMain_sc_hei='auto';
                that.is_auto_bookIng=true;
                that.log_info();
             }else{
                this.$bus.$emit("toastEvent",res.data.msg,res.data.code);
             }

            })
            .catch((err)=>{
            	console.log("显示商品请求失败：",err);
            });
        },
        bodyClick(e){
          let that=this;
          console.log("verCode_e:",e,"目标class:"+e.target._prevClass);
          that.$refs.importBox.setVis(false);
          that.is_selectBox_bot=false;
        },
        closeVerImg(){
          this.is_verCode=false;
        },
        // 滑块验证方法
        onSuccess(times){
            let that=this;
            console.log('验证通过，耗时 +'+times + '毫秒');
            this.msg = 'login success, 耗时${(times / 1000).toFixed(1)}s';
            this.$bus.$emit("toastEvent","验证通过!",1);
            setTimeout(()=>{
              that.is_verCode=false;
              that.is_dai_fu="代付连接中";
              that.ver_token();
              //that.import_step=2;
              //that.importTokenArr[that.token_Sy].is_yz=true;
            },2500);
        },
        onFail(){
            console.log('验证不通过');
            this.msg = '';
            this.$bus.$emit("toastEvent","验证不通过!",0);
        },
        onRefresh(){
            console.log('点击了刷新小图标');
            this.msg = ''
        },
        onFulfilled() {
            console.log('刷新成功啦！');
        },
        onAgain() {
            console.log('检测到非人为操作的哦！');
            this.msg = 'try again';
            // 刷新
            this.$refs.slideblock.reset();
        },
        handleClick() {
          // 父组件直接可以调用刷新方法
            this.$refs.slideblock.reset();
        },
        // 滑块验证方法结束
        setVis(x,y){
          let that=this;
          that[x]=y;
        },
        set_s_B_bot(val){
          let that=this;
          that.s_B_bot_idx=val;
          that.setVis('is_selectBox_bot',false);
        },
        itemULFn(val){
          let that=this;
          if(that.is_auto_bookIng){
            that.auto_bookIng();
            return false;
          }else{
            that.token_Sy=val;
            //that.import_step=2;
            // 打开滑块验证
            if(that.importTokenArr[that.token_Sy].is_yz==false){
              that.is_verCode=true;
            }else{
              that.import_step=2;
              that.is_verCode=false;
            }
            console.log("不需要打开？",that.importTokenArr[that.token_Sy].is_yz);
          }
        },
        getFile(e){
          let that=this;
          console.log("getFile:",e);
          let file=e.target.files[0];
          console.log("file:",e.target.files[0]);
          let reader = new FileReader(file);
          if (!/\.txt$/i.test(file.name)) {
            return;
          }
          reader.readAsText(file);
          reader.onload = function(ev) {
            console.log("拿到的文本：",ev.target.result);
            let newToken=ev.target.result.split(",").filter(v=>v!=="");

            if(newToken.length!==0){
              newToken.map(v=>v.replace("\r\n",""));
              for(let i=0;i<newToken.length;i++){

                if(newToken[i].indexOf("\r\n")!==-1){
                  console.log(i+"有\r\n");
                  newToken[i]=newToken[i].replace("\r\n","");
                }else{
                  console.log(i+"没有\r\n");
                }
              }


              for(let i in newToken){
                let new_arr={
                  "val":"",
                  "is_yz":false
                };
                 new_arr["val"]=newToken[i];
                 that.importTokenArr.push(new_arr);
              }
              that.is_no_file=false;
              that.import_step=1;
              console.log("that.importTokenArr:",that.importTokenArr);
            }

          };
        },
        getImportBox(){
          let that=this;
          that.is_no_file=true;
          that.import_step=0;
          that.importTokenArr=[];
        }
  }
}
</script>

<style lang="less" scoped>
  @import "../../../assets/css/home/home.less";
</style>
